@extends('base')
@section('content')
        <!------banner 结束------------>
<div class="mainBox">
    <div class="menuBox menuBox_1">
        <div class="menuRight">
            <div class="subNav">
                <a href="#">首页</a> &gt;
                <a href="#" class="current">报名咨询</a>
            </div>
            <div class="abuotBox">
                <div class="hd">
                    <strong>在线报名</strong>
                    <div class="bor-bton"></div>
                </div>
                <dl class="sign_tit">
                    <dt><img src="{{asset('/images/register-t.jpg')}}"></dt>
                    <dd>申请须知：</dd>
                    <dd>1、网上报名表中的所有内容须真实有效。</dd>
                    <dd>2、网上报名无须在付费，所有报名学员入学时均可获得价值100元礼包一份。</dd>
                    <dd>3、校方收到您的网上报名信息后，会以电话、短信、或邮件的方式进行确认。</dd>
                    <dd>4、新生入学时请携带好有效身份证件，1寸彩照2张。</dd>
                    <dd>5、自填写日起，一个月内未到校报名者视为自动放弃此次优惠报名资格。</dd>
                </dl>
                <ul class="sign_input">
                    <li><label>姓名：</label>
                        <input type="text" class="form-control" name="name" placeholder="请输入姓名">
                    </li>
                    <li><label>性别：</label>
                        <label class="checkbox-inline">
                            <input type="radio" name="sex" value="male" checked=""> 男</label>
                        <label class="checkbox-inline">
                            <input type="radio" name="sex" value="female" checked=""> 女</label>
                    </li>
                    <li><label>电话：</label><input type="text" class="form-control" name="mobile" placeholder="请输入电话"><span>（请留手机号码，无手机的请留家庭电话。例如：021-62570178）</span></li>
                    <li><label>QQ：</label><input type="text" class="form-control" name="qq" placeholder="请输入QQ"></li>
                    <li><label>课程：</label>
                        <select name="course" id="course" class="form-control_1">
                            <option value="0">新娘妆大专班</option>
                            <option value="1">半永久大专班</option>
                        </select>
                    </li>
                    <li><label>地址：</label><input type="text" class="form-control" name="addr" placeholder="请输入地址"></li>
                    <li><label>渠道：</label><input type="text" class="form-control" name="channel" placeholder="了解途径"><span>（如:朋友介绍,网络搜索,培训网站,广告）</span></li>
                    <li><label>留言：</label><textarea type="text" name="messages" class="form-control" rows="4" placeholder="留言说明"></textarea></li>
                </ul>
                <input type="button" id="submit" name="submit" class="btn btn-default" value="提交">
            </div>
        </div>
    </div>
</div>
@stop

@section('js')
    <script type="text/javascript" src="{{asset('/js/jquery-1.7.2.min.js')}}"></script>
    <script type="text/javascript">
        $(function(){
//            alert('a');
            $("#submit").on('click', function () {
                var name = $("input[name=name]").val();
                if(name==''){
                    alert('请填写姓名');
                    return false;
                }
                var mobile = $('input[name=mobile]').val();
                if(mobile==''){
                    alert('请填写电话');
                    return false;
                }
                var qq = $('input[name=qq]').val();
                if(qq == ''){
                    alert('请填写QQ');
                    return false;
                }
                $.ajax({
                    type:"POST",
                    url:"{{asset('/signup/signup')}}",
                    data:{
                        name:name,
                        sex:$('input[name=sex]').val(),
                        mobile:mobile,
                        qq:qq,
                        course:$('select[name=course]').val(),
                        addr:$('input[name=addr]').val(),
                        channel:$('input[name=channel]').val(),
                        messages:$('textarea[name=messages]').val(),
                        _token:"{{ csrf_token() }}"
                    }
                }).done(function(data){
                    alert( data.message );
                }).fail(function(data){
                    alert(data.responseText);
                });


            });

        })
    </script>
@endsection